<!DOCTYPE html>
<html lang="en">
<head>
    <title>可视化职业分析</title>
    <meta charset="utf-8">
    <link rel="icon" href="{{ url_for('static',filename='img/log.ico') }}">
    <!-- 引入Element UI的CSS -->
    <link rel="stylesheet" href="https://unpkg.com/element-ui/lib/theme-chalk/index.css">
    <link rel="stylesheet" href="{{ url_for('static',filename='css/bootstrap.min.css') }}">
    
    <!-- 引入Vue和Element UI的JS -->
    <script src="https://cdn.jsdelivr.net/npm/vue@2.6.14"></script>
    <script src="https://unpkg.com/element-ui/lib/index.js"></script>
    <script src="http://cdn.highcharts.com.cn/highcharts/8.1.0/highcharts.js"></script>

    <style type="text/css">
        body {
            padding: 0;
            margin: 0 auto;
        }

        #footer {
            height: 60px;
            line-height: 60px;
            position: fixed;
            bottom: 0;
            width: 100%;
            text-align: center;
            background: #333;
            color: #fff;
            font-family: Arial;
            font-size: 10px;
            letter-spacing: 1px;
            margin-top: 50px;
        }
        .content {
            height: 1800px;
            width: 100%;
            text-align: center;
        }
    </style>
</head>
<body>
    <div id="nav">
        <div class="navbar navbar-inverse" role="navigation">
            <div class="container">
                <div class="navbar-header">
                    <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
                        <span class="sr-only">Toggle navigation</span>
                        <span class="icon-bar"></span>
                        <span class="icon-bar"></span>
                        <span class="icon-bar"></span>
                    </button>
                    <a class="navbar-brand" href="https://www.hzu.edu.cn/main.htm">惠州学院</a>
                </div>
                <div class="navbar-collapse collapse">
                    <ul class="nav navbar-nav">
                        <li><a href="/">首页</a></li>
                        <li><a href="/chart">图表分析</a></li>
                        <li><a href="/list">具体数据</a></li>
                    </ul>
                </div>
            </div>
        </div>
    </div>
    <hr>
    {% block content %}{% endblock %}
    <br>
    <br>
    <br>
    <br>
    <div id="footer">
        <h5>Copyright &copy;惠州学院计算机科学与工程学院 2024</h5>
        <h5>制作者:何文洲</h5>
    </div>

    <script>
        new Vue({
            el: '#nav'
        })
    </script>
</body>
</html>